<template>
  <div>
    <ve-wordcloud :data="chartData"  height="100%" :settings="chartSettings"/>
  </div>
</template>
<script>
export  default {
  data(){
    return {
      chartData:{
        columns: ['word','value'],
        rows: [{
          word:'重庆',
          value:Math.random()*100
        },{
          word:'上海',
          value:Math.random()*100
        },{
          word:'西安',
          value:Math.random()*100
        },{
          word:'广州',
          value:Math.random()*100
        },{
          word:'杭州',
          value:Math.random()*100
        },{
          word:'四川',
          value:Math.random()*100
        },{
          word:'北京',
          value:Math.random()*100
        },{
          word:'深圳',
          value:Math.random()*100
        }]
      },
      chartSettings:{
        color:['rgba(97,216,0,.7)','rgba(204,178,26,0.7)','rgba(245,166,35,0.7)','rgba(156,13,113,0.7)']
      }
    }

  }
}
</script>
